<template>
    <div class="header-category d-none d-lg-block">
        <router-link to="#" class="cat-toggle"><i class="fas fa-bars"></i>ALL DEPARTMENT<i
                class="fas fa-angle-down"></i></router-link>
        <ul class="category-menu">
            <li class="menu-item-has-children"> <router-link to="shop.html"><i class="flaticon-groceries"></i>
                    Grocery & Frozen</router-link>
                <ul class="megamenu">
                    <li class="sub-column-item"> <router-link to="shop.html">Grocery & Frozen</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Organic Broccoli</router-link></li>
                            <li> <router-link to="shop.html">Walnuts Max</router-link></li>
                            <li> <router-link to="shop.html">Mat Orange</router-link></li>
                            <li> <router-link to="shop.html">France Potato</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Fresh Fruits</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Watermelon</router-link></li>
                            <li> <router-link to="shop.html">Black Grapes</router-link></li>
                            <li> <router-link to="shop.html">Grassland Dairy</router-link></li>
                            <li> <router-link to="shop.html">Organic Broccoli</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Fresh Bread & Bakery</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Grassland Dairy</router-link></li>
                            <li> <router-link to="shop.html">Walnuts Max</router-link></li>
                            <li> <router-link to="shop.html">Powders Dairy</router-link></li>
                            <li> <router-link to="shop.html">Ice cream</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Fresh Meat</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Fresh Butter</router-link></li>
                            <li> <router-link to="shop.html">Orange Sliced</router-link></li>
                            <li> <router-link to="shop.html">Carrots Group</router-link></li>
                            <li> <router-link to="shop.html">Poultry Farm</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Dried Fruit</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Fresh Nuts</router-link></li>
                            <li> <router-link to="shop.html">France Potato</router-link></li>
                            <li> <router-link to="shop.html">Green Chilies</router-link></li>
                            <li> <router-link to="shop.html">Organic Broccoli</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Other Foods</router-link>
                        <ul>
                            <li class="mega-menu-banner"> <router-link to="shop.html"><img
                                        src="img/images/megamenu_banner.jpg" alt=""></router-link></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li> <router-link to="shop.html"><i class="flaticon-cherry"></i> Fresh Fruits</router-link></li>
            <li> <router-link to="shop.html"><i class="flaticon-fish"></i> Fresh Fish</router-link></li>
            <li class="menu-item-has-children"> <router-link to="shop.html"><i class="flaticon-hazelnut"></i>
                    Fresh Nuts</router-link>
                <ul class="megamenu">
                    <li class="sub-column-item"> <router-link to="shop.html">Grocery & Frozen</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Organic Broccoli</router-link></li>
                            <li> <router-link to="shop.html">Walnuts Max</router-link></li>
                            <li> <router-link to="shop.html">Mat Orange</router-link></li>
                            <li> <router-link to="shop.html">France Potato</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Fresh Fruits</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Watermelon</router-link></li>
                            <li> <router-link to="shop.html">Black Grapes</router-link></li>
                            <li> <router-link to="shop.html">Grassland Dairy</router-link></li>
                            <li> <router-link to="shop.html">Organic Broccoli</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Fresh Bread & Bakery</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Grassland Dairy</router-link></li>
                            <li> <router-link to="shop.html">Walnuts Max</router-link></li>
                            <li> <router-link to="shop.html">Powders Dairy</router-link></li>
                            <li> <router-link to="shop.html">Ice cream</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Fresh Meat</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Fresh Butter</router-link></li>
                            <li> <router-link to="shop.html">Orange Sliced</router-link></li>
                            <li> <router-link to="shop.html">Carrots Group</router-link></li>
                            <li> <router-link to="shop.html">Poultry Farm</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Dried Fruit</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Fresh Nuts</router-link></li>
                            <li> <router-link to="shop.html">France Potato</router-link></li>
                            <li> <router-link to="shop.html">Green Chilies</router-link></li>
                            <li> <router-link to="shop.html">Organic Broccoli</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Other Foods</router-link>
                        <ul>
                            <li class="mega-menu-banner"> <router-link to="shop.html"><img
                                        src="img/images/megamenu_banner02.jpg" alt=""></router-link></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li> <router-link to="shop.html"><i class="flaticon-meat"></i> Fresh Meat</router-link></li>
            <li class="menu-item-has-children"> <router-link to="shop.html"><i class="flaticon-cupcake"></i> Bread
                    & Bakery</router-link>
                <ul class="megamenu">
                    <li class="sub-column-item"> <router-link to="shop.html">Grocery & Frozen</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Organic Broccoli</router-link></li>
                            <li> <router-link to="shop.html">Walnuts Max</router-link></li>
                            <li> <router-link to="shop.html">Mat Orange</router-link></li>
                            <li> <router-link to="shop.html">France Potato</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Fresh Fruits</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Watermelon</router-link></li>
                            <li> <router-link to="shop.html">Black Grapes</router-link></li>
                            <li> <router-link to="shop.html">Grassland Dairy</router-link></li>
                            <li> <router-link to="shop.html">Organic Broccoli</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Fresh Bread & Bakery</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Grassland Dairy</router-link></li>
                            <li> <router-link to="shop.html">Walnuts Max</router-link></li>
                            <li> <router-link to="shop.html">Powders Dairy</router-link></li>
                            <li> <router-link to="shop.html">Ice cream</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Fresh Meat</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Fresh Butter</router-link></li>
                            <li> <router-link to="shop.html">Orange Sliced</router-link></li>
                            <li> <router-link to="shop.html">Carrots Group</router-link></li>
                            <li> <router-link to="shop.html">Poultry Farm</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Dried Fruit</router-link>
                        <ul>
                            <li> <router-link to="shop.html">Fresh Nuts</router-link></li>
                            <li> <router-link to="shop.html">France Potato</router-link></li>
                            <li> <router-link to="shop.html">Green Chilies</router-link></li>
                            <li> <router-link to="shop.html">Organic Broccoli</router-link></li>
                        </ul>
                    </li>
                    <li class="sub-column-item"> <router-link to="shop.html">Organic Other Foods</router-link>
                        <ul>
                            <li class="mega-menu-banner"> <router-link to="shop.html"><img
                                        src="img/images/megamenu_banner.jpg" alt=""></router-link></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li> <router-link to="shop.html"><i class="flaticon-broccoli"></i> Vegetable</router-link></li>
            <li> <router-link to="shop.html"><i class="flaticon-pop-corn-1"></i> Popcorn</router-link></li>
            <li> <router-link to="shop.html"><i class="flaticon-nut"></i> Dried Fruit</router-link></li>
        </ul>
    </div>
</template>
 
<script>

import { mapGetters, mapActions, mapMutations, mapState } from 'vuex';

export default {
    components: {

    },
    data() {
        return {

        }
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },

    beforeCreate() {

    },
    beforeDestroy() {

    },
    deactivated() {

    },
}
</script>
<style>

</style>